<%@ page language="java" pageEncoding="UTF-8"%>
<div class="container">
	<div class="row">
        <div class="col-sm-9 col-md-9">
        	<div class="panel panel-default">
        	
				<div class="panel-body">
					<div class="alert alert-info" ng-show="blog==null || blog.data==null || blog.data.length==0">
						<i class="glyphicon glyphicon-exclamation-sign"></i> 暂时没有博文
					</div>
					
					<div ng-show="blog!=null && blog.data!=null && blog.data.length!=0">
						<div ng-repeat="blog in blog.data">
						
							<span class="label label-warning">{{blog.order.name}}</span>
							<span class="label label-danger" ng-show="blog.recommend_time!=null && blog.recommend_time!=0">推荐</span>
							<span class="label label-danger" ng-show="blog.oneself">私有</span>
							
							<a ng-href="#/blog/{{blog.id}}" title="{{blog.title | textOnly}}">
								{{blog.title}}
							</a>
							
							<div ng-show="blog.oneself">
								<br/>
								<div class="alert alert-warning"><i class="glyphicon glyphicon-exclamation-sign"></i> 该博文为私有</div>
							</div>
							
							<div style="color: #777;margin-top:20px; margin-left: 10px;" ng-show="!blog.oneself">
								{{blog.content | textOnly | summary:200}}
							</div>
							
							<div style="color: #777;margin-top:20px; margin-left: 10px;">
								<span style="margin-right: 10px;" message="'分类'" tooltip>
									<i class="glyphicon glyphicon-list"></i> <a ng-href="#/user/{{blog.author.id}}/blog/{{blog.catalog.id}}">{{blog.catalog.name}}</a>
								</span>
								<span style="margin-right: 10px;" message="'发表于{{blog.create_time | formatDate}}'" tooltip>
									<i class="glyphicon glyphicon-time"></i> {{blog.create_time | formatDate:true}}
								</span>
								<span style="margin-right: 10px;" message="'{{blog.comment_count}}条评论'" tooltip>
									<i class="glyphicon glyphicon-comment"></i> {{blog.comment_count}}
								</span>
								<span message="'{{blog.views_count}}次查看'" tooltip>
									<i class="glyphicon glyphicon-eye-open"></i> {{blog.views_count}}
								</span>
							</div>
							<hr/>
						</div>
					</div>
					
					<paginate page-count="blog.page_count" sum="blog.data_sum" pn="blog.pn" click="find"></paginate>
					
				</div>
			</div>
        </div>
        
        <div class="col-sm-3 col-md-3">
        	<user-card uid="uid"></user-card>
        	
        	<blog-catalog-include uid="uid"></blog-catalog-include>
		</div>
    </div>
</div>